/*Content*/
.main{overflow:hidden;}
.mainav{height:40px;background:#00aaef;text-align:right;padding:0 10px;}
.navtime{display:inline-block;}
.navtime span{line-height:40px;font-size:14px;color:#fff;}
.navtime select{border-radius:2px;}

.titlebox{padding:15px 30px;overflow:hidden;}
.titlebox strong{font-size:20px;color:#222;}
.neednav{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding:15px 0;overflow:hidden;margin:0 30px;}
.neednav ul li{float:left;border-right:1px solid #e5e5e5;width:15%;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.neednav ul li span{font-size:14px;color:#666;line-height:26px;display:block;text-align:center;}
.neednav ul li b{font-size:14px;color:#666;line-height:26px;display:block;text-align:center;}
.neednav ul li:last-child{width:40%;border-right:none;}

/*业绩目标/达标情况*/
.achievement{width:100%;height:130px;padding:10px 0;}

/*交易情况*/
.transaction{padding:0 30px;}
.transaction table{border-collapse:collapse;}
.transaction table tr td{text-align:center;vertical-align:middle;border:1px solid #e5e5e5;width:10%;padding:10px 5px;font-size:14px;color:#666;}

.analysis{height:300px;padding:10px 0;}

/*联动钉钉-微聊*/
.messagebox{position:absolute;bottom:30px;right:30px;}
.messagebox a{display:inline-block;padding:0 10px 0 5px;margin:0 10px;border:1px solid #00aaef;border-radius:2px;}
.messagebox a em{display:inline-block;width:30px;height:30px;float:left;}
.messagebox a span{font-size:14px;color:#00aaef;line-height:30px;}
.messagebox a:hover{background:#00aaef;}
.messagebox a:nth-child(1):hover em{background:url(/crmCustomer/images/icon06.png) no-repeat center;background-size:24px;}
.messagebox a:nth-child(2):hover em{background:url(/crmCustomer/images/icon07.png) no-repeat center;background-size:24px;}
.messagebox a:hover span{color:#fff}

/*弹窗*/
.layer{position:fixed;top:50%;left:50%;width:800px;max-height:600px;background:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);box-shadow:0 1px 4px 4px rgba(0,0,0,0.2);border-radius:3px;overflow:hidden;}

/*聊天窗口*/
.tabnav{height:50px;background:#00aaef;}
.tabnavl ul li{float:left;padding:15px 0;width:90px;text-align:center;}
.tabnavl ul li:hover{background:#0080be;}
.tabnavl a{display:inline-block;padding:0 15px;font-size:14px;color:#fff;line-height:20px;}
.tabnavl .tabnavon{background:#0080be;}
.tabnavr{display:inline-block;overflow:hidden;float:right;}
.tabnavr a{display:inline-block;width:50px;height:50px;float:left;}

.chatlistbox{overflow:hidden;}
.chatboxl{width:230px;float:left;height:550px;border-right:1px solid #e5e5e5;}
.chatsearch{height:38px;padding:10px;background:#f2f2f2;}
.chatsearch input{border:1px solid #e5e5e5;border-radius:2px;background:#fff;width:130px;height:16px;line-height:16px;padding:8px 5px;float:left;}
.chatsearch a{display:inline-block;width:58px;height:34px;border-radius:2px;margin:0 0 0 10px;}

.chatlist{height:492px;overflow-y:auto;}
.chatlist::-webkit-scrollbar{width:6px;background:#f7f7f7}
.chatlist::-webkit-scrollbar-thumb{width:3px;height:20px;border-radius:8px;background:#ddd;}
.chatlist ul li{overflow:hidden;padding:8px 10px;border-bottom:1px solid #e5e5e5;}
.chatlistpic{width:40px;height:40px;float:left;border-radius:2px;overflow:hidden;margin:0 10px 0 0;border:1px solid #e5e5e5;}
.chatlistpic img{width:100%;height:100%;}
.chatlistcon{overflow:hidden;}
.chatlistcon h5{font-size:14px;color:#333;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.chatlistcon h6{font-size:12px;color:#999;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

.chatboxr{height:550px;overflow:hidden;}
.chatboxr ul{overflow:hidden;padding:0 10px;height:351px;overflow-y:auto;background:#f7f7f7;}
.chatboxr ul::-webkit-scrollbar{width:6px;background:#f7f7f7}
.chatboxr ul::-webkit-scrollbar-thumb{width:3px;height:20px;border-radius:8px;background:#ddd;}
.chatboxr ul li{padding:10px 0;}
.chatpic{width:40px;height:40px;border-radius:2px;overflow:hidden;border:1px solid #e5e5e5;}
.chatpic img{width:100%;height:100%;}
.chatcon{padding:10px 0 0;overflow:hidden;}
.chatcon p{padding:5px;border-radius:2px;}
/*对方发*/
.chatboxr .chatwinleft{padding:10px 77px 10px 0;overflow:hidden;}
.chatwinleft .chatpic{float:left;}
.chatwinleft .chatpic{margin:0 10px 0 0;}
.chatwinleft .chatcon p{background:#fff;}
/*我方发*/
.chatboxr .chatwinright{padding:10px 0 10px 77px;overflow:hidden;}
.chatwinright .chatpic{float:right;}
.chatwinright .chatpic{margin:0 0 0 10px;}
.chatwinright .chatcon p{background:#98e165;}
/*文字*/
.writebox{border-top:1px solid #e5e5e5;}
.expression{padding:0 5px;}
.expression a{display:inline-block;width:30px;height:40px;padding:0 5px;}
.writeinfo{overflow:hidden;}
.writeinfo textarea{height:88px;width:100%;padding:0 10px 10px;}
.writebtn{text-align:right;}
.writebtn a{display:inline-block;width:88px;height:40px;text-align:center;line-height:40px;font-size:14px;color:#999;margin:0 10px 10px 0;border:1px solid #e5e5e5;border-radius:2px;background:#f2f2f2;}

/*Content-客户*/
.customerbtn{float:right;overflow:hidden;}
.customerbtn a{display:inline-block;float:left;width:90px;height:30px;line-height:30px;text-align:center;border-radius:2px;margin:0 0 0 10px;font-size:14px;color:#fff;}
.customerbtn a:nth-child(1){background:#00aaef;}
.customerbtn a:nth-child(2){background:#999;}

.customer{margin:20px 30px 0;overflow:hidden;border-bottom:1px solid #e5e5e5}
.customer ul li{float:left;height:40px;}
.customer ul li a{display:inline-block;width:90px;height:38px;text-align:center;line-height:40px;font-size:14px;color:#333;border-bottom:2px solid #fff;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;}
.customer ul li a:hover{border-bottom:2px solid #00aaef;}
.customer .customeron{border-bottom:2px solid #00aaef;}
.customeright{text-align:right;overflow:hidden;}
.cusearch{border:1px solid #e5e5e5;border-radius:2px;font-size:0;height:30px;overflow:hidden;display: inline-block;}
.cusearch input{padding:5px 5px;line-height:20px;height:20px;font-size:13px;color:#666;width:220px;float:left;}
.cusearch a{display:inline-block;width:40px;height:30px;}
.cuscreen{margin:0 0 0 10px;display:inline-block;float:right;}
.cuscreen a{display:inline-block;border:1px solid #e5e5e5;border-radius:2px;padding:0 10px 0 5px;}
.cuscreen a:hover{background:#e5e5e5;}
.cuscreen a em{display:inline-block;width:30px;height:30px;float:left;}
.cuscreen a span{font-size:13px;color:#666;line-height:30px;}

.custable{padding:20px 30px 0;}
.custable table{width:100%;}
.custable table thead tr th{text-align:center;font-weight:normal;font-size:15px;padding:10px 5px;line-height:30px;vertical-align:middle;border-bottom:1px solid #e5e5e5;}
.custable table tbody tr td{text-align:center;font-size:14px;padding:10px 5px;line-height:30px;vertical-align:middle;border-bottom:1px dashed #e5e5e5;}
.custable table tbody tr:hover{background:#f2f2f2;}
.custable table tbody tr:last-child td{border-bottom:1px solid #e5e5e5;}
.btnmain{font-size:0;height:30px;}
.btnmain input{float:left;margin:10px 0 0;}
.btnmain a{display:inline-block;width:30px;height:30px;margin:0 5px;}

.cuspage{text-align:right;padding:10px 0 0;}
.cuspage a{display:inline-block;width:100px;height:30px;text-align:center;line-height:30px;font-size:14px;color:#666;border:1px solid #e5e5e5;border-radius:2px;margin:0 5px;}
.cuspage a:hover{background:#00aaef;border:1px solid #00aaef;color:#fff;}
